<template>
    
    <div id="naviBox"><!--不清楚怎么使用ref替换id--> 
        <RouterLink class="naviTxt" to="/Siner" >Siners</RouterLink>
        <RouterLink class="naviTxt" to="/Contract" >Contract</RouterLink>
        <p class="naviTxt">address:{{address}}</p>
        <h1 class="naviTxt" @click="connectWallet" >登录</h1>
    </div>
   
</template>
<script setup lang="ts">
import {useSiner} from "../utils/Siner"
import {ref} from "vue"
const siner=useSiner()
let address=ref(null)
async function connectWallet(){
    const connectWallet=siner.connectWallet
    address.value=await connectWallet()
}

</script>
<style>
.naviTxt{
    display: inline-block;
    margin: 3%;
}
#naviBox{
    
    height: 100%;
    top: 10%;
    right: 10%;
    
}
</style>